<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Document sans nom</title>
        <style>
            body, html{ margin: 0; }
            body{ background:#011f2a; }
            #container{ background:url({$BASE_URL}/images/mail/images/back.jpg) repeat; }
            .date{  
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
                background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                -moz-border-radius-topleft: 5px; 
                -moz-border-radius-topright: 0px; 
                -moz-border-radius-bottomright: 0px; 
                -moz-border-radius-bottomleft: 5px; 
                -webkit-border-radius: 5px 0px 0px 5px; 
                border-radius: 5px 0px 0px 5px;
            }
            .button{  
                -moz-box-shadow: inset 0px 0px 0px 2px #ffffff; 
                -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff; 
                box-shadow: inset 0px 0px 0px 2px #ffffff;
                -moz-border-radius-topleft: 5px; 
                -moz-border-radius-topright: 5px; 
                -moz-border-radius-bottomright: 0px; 
                -moz-border-radius-bottomleft: 0px; 
                -webkit-border-radius: 5px 5px 0px 0px; 
                border-radius: 5px 5px 0px 0px; 
                color:#666666; 
            }
            a.click{
                display:block;
                text-decoration:none;
                cursor:pointer;
                zoom:1;
                border:0;
                outline:none;
                color:#666666;
            }
            a.click:hover{ background: #f4f4f4; }
            a.click:hover .button{ color:#ff9900; }
        </style>
    </head>

    <body>
        <div id="container">
            <table cellpadding="0" cellspacing="0" width="880" bgcolor="#011f2a" style=" margin:0 auto; padding:80px;">
                <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0" width="800" style="margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;">
                            <tr><td>
                                    <!-- IN HEADER -->
                                    <table cellpadding="0" cellspacing="0" width="803">
                                        <tr>
                                            <td colspan="2" align="center" height="24" bgcolor="#00554c" style="font-size:10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; "><a href="" target="_blank" style="text-decoration:underline; color:#FFFFFF;">Visualiser ce message en ligne</a></td>
                                        </tr>
                                        <tr>
                                            <td height="100" width="620" bgcolor="#009989" style="font-size:25px; padding-left:30px; text-shadow: 1px 1px 5px #00554c; color:#FFFFFF;">Le CSME,<br />Club Sportif Multisections d’Epinay-sur-Seine</td>
                                            <td bgcolor="#009989">
                                                <div class="date" style=" height:26px; margin-top:31px; background:#ffffff; color:#666666; text-shadow: -1px 1px 1px #ffffff; border-top:#999999 1px solid; border-left:#999999 1px solid; border-bottom:#333333 1px solid; font-size:14px; font-weight:bold; text-align:center; padding-top:10px ; padding-left:2px;">{$DATE}</div>
                                            </td>
                                            <td width="2">
                                                <div style=" height:26px; width:2px; margin-left:0px; border-top:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#333333 1px double; margin-top:31px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); color:#666666; font-size:14px; font-weight:bold; text-align:center; padding-top:10px ;"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><div style="height:0px; border-top: 1px #00c0ac solid; background:#00554c;"></div></td>
                                        </tr>
                                    </table>
                                    <!-- OUT HEADER -->

                                    <!-- HEAD CONTENTS -->
                                    <table cellpadding="0" cellspacing="0" width="800" bgcolor="#fafafa" >
                                        <tr>
                                            <td colspan="4" height="28"><img src="{$BASE_URL}/images/mail/images/top_guide_newletter.gif" width="800" height="28" style="vertical-align:top;" /></td>
                                        </tr>
                                        <tr valign="top">

                                            <!-- LEFT COLUMN -->
                                            <td width="402" >
                                                <div style="background-color:#dedede;">
                                                    <div style="margin-left:30px; color:#666666; padding-top:5px;">
                                                        <div style="border-top: #c0c0c0 1px solid; border-bottom: #ececec 1px solid; height:0px; width:347px; margin-bottom:10px; "></div>
                                                        <div style="width:347px; font-size:30px; line-height:30px; padding-bottom:10px;">Bonjour,<br />%FULLNAME%</div>
                                                        <img src="{$BASE_URL}/images/mail/images/newspaper.gif" width="32" height="26" style="float:left; margin-right:11px;" /><div style="line-height:13px; color:#666666;  font-size:14px; margin-bottom:16px;">retrouvez les derniers billets<br />sportifs du csme.</div>
                                                        <div style="border-top: #c0c0c0 1px solid; border-bottom: #ececec 1px solid; height:0px; width:347px; "></div>
                                                    </div>
                                                    <img src="{$BASE_URL}/images/mail/images/guide_name.gif" width="402" height="17" border="0" style="vertical-align:top; padding-top:5px;"/>
                                                </div> 

                                                <div style="height:17px;"></div>
                                                {foreach $NEWS1 as $color}
                                                <a class="click" href="http://www.csme.fr/sendemail.php" target="_blank" style="text-decoration:none; outline:none;">
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    <div style="padding-left:28px; padding-top:4px; color:#666666; text-shadow: -1px 1px 0px #ffffff;">
                                                        <div style="width:347px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px;">Basket Ball</div>
                                                        <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; width:347px; margin-bottom:8px;"></div>
                                                        <div style="width:347px; line-height:16px; font-size:16px; font-weight:bold; margin-bottom:5px; color:#666666;">Nature et utilisation des informations collectées</div>
                                                        <p style="width:347px; font-size:13px; color:#666666; line-height:18px; margin-top:6px; margin-bottom: 15px;">
                                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque augue malesuada elit vehicula rutrum. 
                                                            Aliquam in leo ac ipsum eleifend iaculis. Sed facilisis, turpis eu consequat dictum, metus metus venenatis enim, at tincidunt massa arcu ut ligula...</p>
                                                        <div class="button" style="width:110px; height:38px; margin-left:238px; border-left: #d9d9d9 1px solid; border-top: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; background:#f1f1f1; text-align:center; font-size:14px; "><div style="float:left; margin-left: 16px; line-height: 35px; ">lire la suite</div> 
                                                            <img src="{$BASE_URL}/images/mail/images/arrow_more.gif" width="12" height="10" border="0" style="margin-left:5px; padding-top:14px; float:left;"/></div>
                                                    </div>
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                </a>
                                                
                                                <div style="padding-top:10px;"><img src="{$BASE_URL}/images/mail/images/bottom_article.gif" width="402" height="9" border="0" /></div>                                            {/foreach} 

                                                <div style="height:17px;"></div>
                                                <a class="click" href="http://www.csme.fr/sendemail.php" target="_blank" style="text-decoration:none; outline:none;">
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px; "></div>
                                                    <div style="padding-left:28px; padding-top:4px; color:#666666; text-shadow: -1px 1px 0px #ffffff;">
                                                        <div style="width:333px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px; float:left;">Tennis / Badminton</div><img src="{$BASE_URL}/images/mail/images/clip_board.png" width="15" height="15" border="0" style=" float:left; margin-top:9px;"/>
                                                        <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                        <div style="width:347px; line-height:16px; font-size:16px; font-weight:bold; margin-bottom:5px; color:#666666;">Nature et utilisation des informations collectées</div>
                                                        <p style="width:347px; font-size:13px; color:#666666; line-height:18px; margin-top:6px; margin-bottom: 15px;">
                                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque augue malesuada elit vehicula rutrum.
                                                            Aliquam in leo ac ipsum eleifend iaculis. Sed facilisis, turpis eu consequat dictum, metus metus venenatis enim,
                                                            at tincidunt massa arcu ut ligula...</p>

                                                        <div style="clear:none; overflow:hidden;">
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:left;"/><div style="font-size:12px; font-weight:bold; color:#666666; width:317px; margin-left:30px; margin-bottom:15px; padding-top:3px;">Forum des associations</div>
                                                            <div style="width:218px; height:136px; float:left; padding:8px; margin-bottom: 15px; border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/images/mail/images/test.jpg" width="218" height="136" border="0" /> </div>
                                                            <img src="{$BASE_URL}/images/mail/images/new_album.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:10px;" />
                                                        </div>

                                                        <div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:right; margin-right:24px;"/><div style="color:#666666; float: right;  font-size: 12px;  font-weight: bold;  margin-bottom: 15px;  margin-right: 10px;  padding-top: 3px;  text-align: right;  width: 315px;">Forum des associations</div>
                                                            <div style="width:218px; height:136px; float:right; padding:8px; margin-bottom: 15px; margin-right:24px;  border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/images/mail/images/test.jpg" width="218" height="136" border="0" /></div>
                                                            <img src="{$BASE_URL}/images/mail/images/new_album_right.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:5px;" />
                                                        </div>                                                    


                                                        <div class="button" style="width:110px; height:38px; margin-left:238px; border-left: #d9d9d9 1px solid; clear:both; border-top: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; background:#f1f1f1; text-align:center; font-size:14px;">
                                                            <div style="float:left; margin-left: 16px; line-height: 35px;">lire la suite</div> <img src="{$BASE_URL}/images/mail/images/arrow_more.gif" width="12" height="10" border="0" style="margin-left:5px; padding-top:14px; float:left;"/></div>

                                                    </div>
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                </a>
                                                <div style="padding-top:10px;"><img src="{$BASE_URL}/images/mail/images/bottom_article.gif" width="402" height="9" border="0" /></div> 

                                            </td>
                                            <!-- END LEFT COLUMN -->

                                            <!-- MIDDLE COLUMN -->
                                            <td bgcolor="#d9d9d9" width="1"></td>
                                            <td bgcolor="#ffffff" width="1"></td>
                                            <!-- END MIDDLE COLUMN -->

                                            <!-- RIGHT COLUMN -->
                                            <td width="396" valign="top">
                                                <a href="http://www.facebook.com/CSMEpinaysurSeine" target="_blank" style="outline:none; border:none;"><img src="{$BASE_URL}/images/mail/images/red-fb.gif" width="396" height="147" border="0" />
                                                    <img src="{$BASE_URL}/images/mail/images/bottom_red-fb.gif" width="396" height="31" border="0" style="vertical-align:bottom; padding-top:10px;" /></a>

                                                <div style="height:17px;"></div>
                                                <a class="click" href="http://www.csme.fr/sendemail.php" target="_blank" style="text-decoration:none; outline:none;">
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    <div style="padding-left:25px; padding-top:4px; color:#666666; text-shadow: -1px 1px 0px #ffffff;">
                                                        <div style="width:333px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px; float:left;">Tennis / Badminton</div><img src="{$BASE_URL}/images/mail/images/clip_board.png" width="15" height="15" border="0" style=" float:left; margin-top:9px;"/>
                                                        <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                        <div style="width:347px; line-height:16px; font-size:16px; font-weight:bold; margin-bottom:5px; color:#666666;">Nature et utilisation des informations collectées</div>
                                                        <p style="width:347px; font-size:13px; color:#666666; line-height:18px; margin-top:6px; margin-bottom: 15px;">
                                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque augue malesuada elit vehicula rutrum. Aliquam in leo ac 
                                                            ipsum eleifend iaculis. Sed facilisis, turpis eu consequat dictum, metus metus venenatis enim, at tincidunt massa arcu ut ligula...</p>

                                                        <div style="clear:none; overflow:hidden;">
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:right; margin-right:24px;"/><div style="color:#666666; float: right;  font-size: 12px;  font-weight: bold;  margin-bottom: 15px;  margin-right: 10px;  padding-top: 3px;  text-align: right;  width: 315px;">Forum des associations</div>
                                                            <div style="width:218px; height:136px; float:right; padding:8px; margin-bottom: 15px; margin-right:24px;  border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/images/mail/images/test.jpg" width="218" height="136" border="0" /></div>
                                                            <img src="{$BASE_URL}/images/mail/images/new_album_right.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:5px;" />
                                                        </div>

                                                        <div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:left;" /><div style="font-size:12px; font-weight:bold; color:#666666; width:317px; margin-left:30px; margin-bottom:15px; padding-top:3px;">Forum des associations</div>
                                                            <div style="width:218px; height:136px; float:left; padding:8px; margin-bottom: 15px; border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/images/mail/images/test.jpg" width="218" height="136" border="0" /></div>
                                                            <img src="{$BASE_URL}/images/mail/images/new_album.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:10px;" />
                                                        </div>

                                                        <div class="button" style="width:110px; height:38px; margin-left:235px; border-left: #d9d9d9 1px solid; clear:both; border-top: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; background:#f1f1f1; text-align:center; font-size:14px;">
                                                            <div style="float:left; margin-left: 16px; line-height: 35px;">lire la suite</div> 
                                                            <img  src="{$BASE_URL}/images/mail/images/arrow_more.gif" width="12" height="10" border="0" style="margin-left:5px; padding-top:14px; float:left;"/>
                                                        </div>

                                                    </div>
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>												
                                                </a>
                                                <div style="padding-top:10px;"><img src="{$BASE_URL}/images/mail/images/bottom_article_right.gif" width="395" height="9" border="0" /></div>

                                            </td>
                                            <!-- END RIGHT COLUMN -->
                                        </tr>


                                        <tr>
                                            <td height="40"></td>
                                            <td bgcolor="#d9d9d9" width="1"></td>
                                            <td bgcolor="#ffffff" width="1"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4"><div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; margin-top:20px;"></div></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" height="16"><img src="{$BASE_URL}/images/mail/images/footer_guide.gif" width="800" height="16" border="0" style="vertical-align:bottom;" /></td>
                                        </tr>
                                    </table>
                                    <!-- HEAD CONTENTS -->
                                    <!-- FOOTER IN CONTENTS -->
                                    <table cellpadding="0" cellspacing="0" width="800" bgcolor="#e8e8e8" style="-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;" >
                                        <tr>
                                            <td width="75"></td>
                                            <td height="180" valign="bottom">
                                                <div style="font-size:14px; color:#666; width:650px; text-shadow: 1px 1px 0px #f8f8f8; overflow:hidden;">
                                                    <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; margin-bottom:20px; clear:both;"></div>
                                                    <div style=" float:left; width:380px;">CSME, Club Sportif Multisections d’Epinay-sur-Seine<br />6, avenue de Lattre de Tassigny<br />Epinay-sur-Seine, 93800 </div>
                                                    <div style=" float:right; text-align:right; padding-bottom:20px;">Tel. 01.42.35.06.42<br />E-mail : info@csme.fr<br />Site : <a href="http://www.csme.fr/">www.csme.fr</a></div>
                                                    <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px;  clear:both; margin-bottom: 32px;"></div>
                                                </div>
                                            </td>
                                            <td width="75"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" align="center"><div style=" width:350px; height:20px; font-size:10px; text-align:center; padding-top:8px;  
                                                                                border-top: 1px #828282 solid; border-left: 1px #828282 solid; border-right: 1px #828282 solid; background-color:#023f55; 
                                                                                -webkit-box-shadow: inset 0px 10px 15px 0px #012c3b; -moz-box-shadow: inset 0px 10px 15px 0px #012c3b; 
                                                                                box-shadow: inset 0px 10px 15px 0px #012c3b; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; 
                                                                                -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; 
                                                                                border-radius: 10px 10px 0px 0px; "> <a href="http://www.csme.fr/RfDHTEA9EuyRpB1xMI6DRxY80NGM5G7KsI3Utn55YukQyNtAqU44slSs2s7E23BkpsRnTT6CvPz%CODE%" target="_blank" style="text-decoration:underline; outline:none; color:#FFFFFF;">Si vous souhaitez vous désinscrire, suivez ce lien</a></div></td>
                                        </tr>

                                    </table>

                                    <!-- FOOTER OUT CONTENTS -->

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>